Component({
  options: {
    multipleSlots: true // 在组件定义时的选项中启用多slot支持
  },
  
  properties: {
    title: {
      type: String,
      value: '标题',
      observer: function(newVal) {
        // 监听 title 属性变化，更新 hasTitle 数据
        this.setData({
          hasTitle: !!newVal && newVal !== '标题'
        });
      }
    },
    showBack: {
      type: Boolean,
      value: false
    },
    backIcon: {
      type: String,
      value: ''
    },
    showRight: {
      type: Boolean,
      value: false
    }
  },

  data: {
    hasTitle: true // 默认有标题
  },

  lifetimes: {
    attached: function() {
      // 组件实例进入页面节点树时执行
      this.setData({
        hasTitle: !!this.data.title && this.data.title !== '标题'
      });
    }
  },

  methods: {
    onBack() {
      // 触发自定义事件，父组件可以监听这个事件
      this.triggerEvent('back');
      
      // 默认返回上一页
      wx.navigateBack({
        delta: 1
      });
    }
  }
})